<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script type="text/javascript">
        /**
         * 节点就可以理解为标签对象，但不限于此，还有文本，空格等等都是节点
         * 在<body>标签中，创建一个<div>标签
         * 必须使用动态注册方法
         */
        // //方式一：
        // window.onload=function () {
        //     //创建一个div标签节点
        //     var htmlDivElement = document.createElement("div");
        //     //给div标签添加内容
        //     htmlDivElement.innerHTML="刘明福好帅！";
        //     //再将div节点插入到body中去
        //     document.body.appendChild(htmlDivElement);//添加一个子节点在<body>标签中，才能显示
        //
        // }
        //方式二：
        window.onload=function () {
            //创建一个button标签
            var htmlButtonElement = document.createElement("button");
            //创建一个文本节点
            var Dtext = document.createTextNode("xclmf很帅!");
            //将文本节点插入到button节点中去
            htmlButtonElement.appendChild(Dtext);
            //再将button节点插入到body中去
            document.body.appendChild(htmlButtonElement);

        }

    </script>
</head>
<body>

</body>
</html>